<!--用户中心-->
<template>
    <div>
        当前登录用户： <span>{{user_name}}</span><br>
        <span>个人中心页面</span><br>
        1、关于个人信息描述<br>
        2、个人上传头像<br>
        3、可编辑信息（增删改）
    </div>
</template>

<script>
    import {mapState} from 'vuex';

    export default {
        name: "PersonalCenter",
        data() {
            return {
                user_name: ""
            }
        },
        mounted() {
            this.user_name = this.user.user_name;
        },
        computed: mapState(["user"]),
        watch: {
            user() {
                this.user_name = this.user.user_name;
            }
        }
    }
</script>

<style scoped>

</style>